const htemlwebpackplugin=require('html-webpack-plugin')
const VueLoaderPlugin=require('vue-loader/lib/plugin')
module.exports={
    entry:'./main.js',//配置入口文件
    output:{//配置输出文件
        path:__dirname,//输出文件的路径，此处设为当前路径
        filename:'bundle.js'//指定输出的文件名称
    },
    resolve:{// 其他的配置选项
        alias:{
            'vue':'vue/dist/vue.js'//vue.js文件路径配置

        }
    },
    devServer:{
      historyApiFallback:true
    },
     module:{
         rules:[
             {
                 test:/\.vue$/,
                 use:'vue-loader'
             },
            {
                test:/\.css$/,
                use:['style-loader','css-loader']
            },
            {
                test:/\.less$/,
                use:['style-loader','css-loader','less-loader']
            },
            {
                test: /\.scss$/,
                use:['style-loader','css-loader','sass-loader']
            
              },
          
              {
                  test:/\.(jpg|png|gif|jpeg)$/,
                  use:'url-loader'
              },
              {
                  test:/\.(ttf|eot|woff|woff2)$/,
                  use:'url-loader'
              }
             //在此可以推荐更多rules
         ],//模块规则
        
     },
     plugins:[ // 插件
        new htemlwebpackplugin({
            template:'index.html'  // 为index.html自动引入打包好的bundle.js
        }),
        new VueLoaderPlugin()
     ]
     
}